import { Outlet, NavLink, useNavigate } from 'react-router-dom'
import { showMenuList } from './router/menu'
console.log(showMenuList);
function App() {
  return (
    <div className='App'>
      {/* 路由出口 */}
      {
        showMenuList.map((item) => {
          /* NavLink是在Link基础之上增加了一些样式属性
          认匹配成功时，NavLink就会添加上一个动态的active类名 */
          return (
            <NavLink key={item.name} className="" to={item.link}>
              {item.name}
            </NavLink>
          )
        })
      }
      <Outlet />
    </div>
  )
}
export default App
